<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/classify.css">
    <title>index</title>
</head>
<body>
    <div class="container">
        <div class="part part2">
            <div class="header">
                <h3 id="classify">分类</h3>
            </div>
            <nav>
                <ul>
                    <li class="active"><a href="javascript:;">全部</a></li>
                    <li><a href="javascript:;">美妆洗护</a></li>
                    <li><a href="javascript:;">居家日用</a></li>
                    <li><a href="javascript:;">户外日用</a></li>
                    <li><a href="javascript:;">酒零水果</a></li>
                    <li><a href="javascript:;">数码家电</a></li>
                    <li><a href="javascript:;">母婴奶粉</a></li>
                    <li><a href="javascript:;">鞋包服饰</a></li>
                    <li><a href="javascript:;">保健营养</a></li>
                    <li><a href="javascript:;">教育培训</a></li>
                    <li><a href="javascript:;">品牌专区</a></li>
                </ul>
            </nav>
            <div class="classify">
                <aside>
                    <ul>
                        <li class="active"><a href="javascript:;">全部</a></li>
                        <li><a href="javascript:;">美妆洗护</a></li>
                        <li><a href="javascript:;">居家日用</a></li>
                        <li><a href="javascript:;">户外日用</a></li>
                        <li><a href="javascript:;">酒零水果</a></li>
                        <li><a href="javascript:;">数码家电</a></li>
                        <li><a href="javascript:;">母婴奶粉</a></li>
                        <li><a href="javascript:;">鞋包服饰</a></li>
                        <li><a href="javascript:;">保健营养</a></li>
                        <li><a href="javascript:;">教育培训</a></li>
                        <li><a href="javascript:;">品牌专区</a></li>
                    </ul>
                </aside>
                <div class="details">
                    <div class="wrap">
                        <section>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods1.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">手表</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods2.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">男士包装</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods3.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">男鞋</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                   <a href="./shoplist.html"><img src="./images/classify_goods4.png" alt=""  ></a>
                                </div>
                                <a href="./shoplist.html">家用小电器</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods5.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">保健品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods6.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">计生用品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods7.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">内衣内裤</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods8.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">哺乳喂养</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods9.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">奶粉</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods10.png" alt=" "></a>
                                </div>
                                <a href="./shoplist.html">洗发沐浴</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods11.png" alt=" "></a>
                                </div>
                                <a href="./shoplist.html">卤味</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods12.png" alt=" "></a>
                                </div>
                                <a href="./shoplist.html">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                   <a href="./shoplist.html"><img src="./images/classify_goods13.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                   <a href="./shoplist.html"><img src="./images/classify_goods14.png" alt="" ></a>
                                </div>
                                <a href="./shoplist.html">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                   <a href="./shoplist.html"><img src="./images/classify_goods4.png" alt=""  ></a>
                                </div>
                                <a href="./shoplist.html">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"></a><img src="./images/classify_goods12.png" alt=""></a>
                                </div>
                                <a href="./shoplist.html">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"></a><img src="./images/classify_goods13.png" alt=""></a>
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"></a><img src="./images/classify_goods14.png" alt=""></a>
                                </div>
                                <a href="./shoplist.html">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <a href="./shoplist.html"><img src="./images/classify_goods4.png" alt=""></a>
                                </div>
                                <a href="./shoplist.html">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods6.png" alt="">
                                </div>
                                <a href="javascript:;">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods1.png" alt="">
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods8.png" alt="">
                                </div>
                                <a href="javascript:;">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods4.png" alt="">
                                </div>
                                <a href="javascript:;">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods3.png" alt="">
                                </div>
                                <a href="javascript:;">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods9.png" alt="">
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods13.png" alt="">
                                </div>
                                <a href="javascript:;">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods4.png" alt="">
                                </div>
                                <a href="javascript:;">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods3.png" alt="">
                                </div>
                                <a href="javascript:;">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods7.png" alt="">
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods4.png" alt="">
                                </div>
                                <a href="javascript:;">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods8.png" alt="">
                                </div>
                                <a href="javascript:;">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods14.png" alt="">
                                </div>
                                <a href="javascript:;">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods13.png" alt="">
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods12.png" alt="">
                                </div>
                                <a href="javascript:;">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods10.png" alt="">
                                </div>
                                <a href="javascript:;">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods10.png" alt="">
                                </div>
                                <a href="javascript:;">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods5.png" alt="">
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods8.png" alt="">
                                </div>
                                <a href="javascript:;">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods6.png" alt="">
                                </div>
                                <a href="javascript:;">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods4.png" alt="">
                                </div>
                                <a href="javascript:;">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods2.png" alt="">
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods13.png" alt="">
                                </div>
                                <a href="javascript:;">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods11.png" alt="">
                                </div>
                                <a href="javascript:;">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods4.png" alt="">
                                </div>
                                <a href="javascript:;">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods12.png" alt="">
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods9.png" alt="">
                                </div>
                                <a href="javascript:;">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods6.png" alt="">
                                </div>
                                <a href="javascript:;">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods2.png" alt="">
                                </div>
                                <a href="javascript:;">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods7.png" alt="">
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods6.png" alt="">
                                </div>
                                <a href="javascript:;">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods4.png" alt="">
                                </div>
                                <a href="javascript:;">饮料</a>
                            </div>
                        </section>
                        <section>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods3.png" alt="">
                                </div>
                                <a href="javascript:;">时令水果</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods2.png" alt="">
                                </div>
                                <a href="javascript:;">饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods1.png" alt="">
                                </div>
                                <a href="javascript:;">国外饮品</a>
                            </div>
                            <div class="item">
                                <div class="img">
                                    <img src="./images/classify_goods5.png" alt="">
                                </div>
                                <a href="javascript:;">饮料</a>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="footer">
            <div class="item active">
                <a href="./index.html"><img src="./images/index_footer11.png" alt=""></a>
                <p><a href="./index.html">主页</a></p>
            </div>
            <div class="item">
                <a href="./classify.html"><img src="./images/index_footer21.png" alt=""></a>
                <p><a href="./classify.html">分类</a></p>
            </div>
            <div class="item">
                <a href="./shopcart.html"><img src="./images/index_footer31.png" alt=""></a>
                <p><a href="./shopcart.html">购物车</a></p>
            </div>
            <div class="item">
                <a href="./usercenter.html"><img src="./images/index_footer41.png" alt=""></a>
                <p><a href="./usercenter.html">我的</a></p>
            </div>
        </div>
    </footer>

    <script src="./js/rem.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/count.js"></script>
    <script>
        goNext('section .item','./shoplist.html')
    </script>
</body>
</html>